  <!-- Page Content -->
<div class="container">

    <div class="row">
        <div class="col-md-6">
           <h3>天气预报</h3>
           <p>一款Material设计的APP</p>
        </div>
         <div class="col-md-6 detail-title-2">
            <h4>团购价&nbsp;&nbsp;
              <span style="text-decoration:line-through;font-size: 20px;">178</span>
              <span>60</span>元
            </h4>
           <p><button type="button" class="btn btn-10 btn-warning">购买</button></p>
        </div>
    </div>

    <div class="row">
      <div id="myCarousel" class="carousel slide pad_010 b_k" data-ride="carousel">
        <!-- 轮播（Carousel）指标 -->
        <ol class="carousel-indicators">
            <li data-target="#myCarousel" data-slide-to="0" class="active"></li>
            <li data-target="#myCarousel" data-slide-to="1"></li>
        </ol>   
        <!-- 轮播（Carousel）项目 -->
        <div class="carousel-inner bor_btm">
            <div class="item active" >
                <div class="detail-pic">
                    <img src="http://goldapp.oss-cn-shanghai.aliyuncs.com/screenshot_1.png" >
                    <img src="http://goldapp.oss-cn-shanghai.aliyuncs.com/screenshot_2.png" >
                    <img src="http://goldapp.oss-cn-shanghai.aliyuncs.com/screenshot_3.png" >
                    <img src="http://goldapp.oss-cn-shanghai.aliyuncs.com/screenshot_4.png" >
                </div>
            </div>
            <div class="item">
                <div class="detail-pic">
                    <img src="http://goldapp.oss-cn-shanghai.aliyuncs.com/screenshot_1.png" >
                    <img src="http://goldapp.oss-cn-shanghai.aliyuncs.com/screenshot_2.png" >
                  <!--   <img src="http://goldapp.oss-cn-shanghai.aliyuncs.com/screenshot_3.png" >
                    <img src="http://goldapp.oss-cn-shanghai.aliyuncs.com/screenshot_4.png" > -->
                </div>
            </div>
         </div>
         <!-- 轮播（Carousel）导航 -->
         <a class="carousel-control left" href="#myCarousel" data-slide="prev">&lsaquo;</a>
         <a class="carousel-control right" href="#myCarousel" data-slide="next">&rsaquo;</a>      
      </div>
    </div>

    <div class="row">
        <div class="col-md-8">
          <ul id="myTab" class="nav nav-tabs">
              <li class="active">
                  <a href="#t1" data-toggle="tab">
                      详情描述
                  </a>
              </li>
              <li>
                <a  href="#t2" data-toggle="tab">评论 <span class="badge">42</span></a>
              </li>
              <li>
                 <a  href="#t2" data-toggle="tab">星级 <span class="badge">32</span></a>
              </li>
          </ul>
          <div id="myTabContent" class="tab-content">
              <div class="tab-pane fade in active" id="t1">
                  <p>菜鸟教程是一个提供最新的web技术站点，本站免费提供了建站相关的技术文档，帮助广大web技术爱好者快速入门并建立自己的网站。菜鸟先飞早入行——学的不仅是技术，更是梦想。</p>
              </div>
              <div class="tab-pane fade" id="t2">
                  
                  <div class="input-group">
                    <span class="input-group-addon">@</span>
                    <input type="text" maxlength="100" class="form-control" placeholder="请输入你要回复的内容">
                    <span class="input-group-addon">进行回复</span>
                  </div>
                  <div class="alert alert-info" role="alert">请先<a href="">登录</a>或<a href="">注册</a>后进行评论</div>

                  <div class="media">
                    <div class="media-left">
                      <a href="#">
                        <img class="media-object" src="http://apps.ionic.io/avatar/871024db57eb02f25863bd77e5df3976?id=123176&size=small">
                      </a>
                    </div>
                    <div class="media-body">
                      <h4 class="media-heading">satish verma</h4>
                      这款产品不错，请问有demo提供下载演示吗？
                    </div>
                    <hr>
                  </div>
                  <div class="media">
                    <div class="media-left">
                      <a href="#">
                        <img class="media-object" src="http://apps.ionic.io/avatar/871024db57eb02f25863bd77e5df3976?id=123176&size=small">
                      </a>
                    </div>
                    <div class="media-body">
                      <h4 class="media-heading">satish verma</h4>
                      为什么没有IOS演示啊？
                    </div>
                    <hr>
                  </div>
                  <div class="media">
                    <div class="media-left">
                      <a href="#">
                        <img class="media-object" src="http://apps.ionic.io/avatar/871024db57eb02f25863bd77e5df3976?id=123176&size=small">
                      </a>
                    </div>
                    <div class="media-body">
                      <h4 class="media-heading">satish verma</h4>
                      请先到苹果商店下载ionic view软件， 然后输入ionic ID
                    </div>
                  </div>
              </div>
          </div>
        </div>

      <div class="col-md-1"></div>
      
      <div class="col-md-3">
          <p>
            <button class="btn btn-primary btn-full">Demo</button>
          </p>
          <p>
            <button class="btn btn-success btn-full">现在购买</button>
          </p>
          <div class="media">
            <div class="media-left">
              <a href="#">
                <img class="media-object" src="http://apps.ionic.io/avatar/871024db57eb02f25863bd77e5df3976?id=123176&size=small">
              </a>
            </div>
            <div class="media-body">
              <h4 class="media-heading">satish verma</h4>
            </div>
          </div>
          <br>
          <ul class="list-group">
            <li class="list-group-item disabled row">
              <span class="col-md-12">详细信息</span>
            </li>
            <li class="list-group-item row">
              <span class="col-md-4">商品标签</span>
              <span class="col-md-8">IONIC2</span>
            </li>
            <li class="list-group-item row">
              <span class="col-md-4">版本号</span>
              <span class="col-md-8">0.0.1</span>
            </li>
            <li class="list-group-item row">
              <span class="col-md-4">大小</span>
              <span class="col-md-8">3MB</span>
            </li>
            <li class="list-group-item row">
              <span class="col-md-4">支持平台</span>
              <span class="col-md-8">安卓，苹果，微信</span>
            </li>
            <li class="list-group-item row">
              <span class="col-md-4">发布时间</span>
              <span class="col-md-8">2016-09-01</span>
            </li>
            <li class="list-group-item row">
              <span class="col-md-4">更新时间</span>
              <span class="col-md-8">2017-02-05</span>
            </li>
            <li class="list-group-item row">
              <span class="col-md-4">分类</span>
              <span class="col-md-8">样式</span>
            </li>
            <li class="list-group-item row">
              <span class="col-md-4">标签</span>
              <span class="col-md-8">ionic application, ionic, material app, material design app, ionic material design, android ionic app, android material design.</span>
            </li>
          </ul>
      </div>
    </div>


    

</div>
<!-- /.container -->

<script>
  $(document).ready(function(){
    $('#myCarousel').carousel();
    }
  
</script>